<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Hello MUI</title>
	<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="http://img.cdn.aliyun.dcloud.net.cn/mui/dist/css/mui.min.css?v=2018-01-12%2019:32:50%20+0800">
	<style>
	.mui-content{
		padding-top: 30px;
		background-color: #333;
		color: white;
		height: 100vh;
		width: 100vw;
		box-sizing: border-box;
	}
	</style>
</head>

<body>
	<div id="app" class="mui-content">
		<ul class="mui-table-view mui-table-view-inverted" style="margin-top: 0;">
			<li class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">今日台数：{{headInfo.order_num || 0}}</a>
			</li>
			<li class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">人数：{{headInfo.sum_num || 0}}</a>
			</li>
			<li class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">营业额：¥{{headInfo.sum_paid || 0}}</a>
			</li>
			<li class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">实收：¥{{headInfo.sum_price || 0}}</a>
			</li>
			<li class="mui-table-view-cell">
				<a @click='reload' href="javascript:;" class="mui-navigate-right">刷新</a>
			</li>
			<li class="mui-table-view-cell">
				<a href="javascript:;" class="mui-navigate-right">{{headInfo.nickname}}</a>
			</li>
			<li @click="logout" href="javascript:;" class="mui-table-view-cell">
				<a class="mui-navigate-right">退出</a>
			</li>
		</ul>
	</div>
	<script src="https://cdn.bootcss.com/mui/3.7.1/js/mui.js"></script>
</body>

</html>